//  封装购物车模块
import { defineStore } from 'pinia'
import { ref, computed } from 'vue'
import { useUserStore } from './user'
import { insertCartAPI, findNewCartListAPI, delCartAPI } from '@/apis/cart.js'
export const useCartStore = defineStore(
  'cart',
  () => {
    const userStore = useUserStore()
    const isLogin = computed(() => userStore.userInfo.token)
    // 定义state - cartList
    const cartList = ref([])
    // 获取最新的购物车列表
    const UpdateNewList = async () => {
      const res = await findNewCartListAPI()
      cartList.value = res.result
    }

    // 定义action - addCart
    const addCart = async (goods) => {
      const { skuId, count } = goods
      if (isLogin.value) {
        // 表示已经登录
        // 登录之后的加入购物车逻辑
        await insertCartAPI({ skuId, count })
        UpdateNewList()
      } else {
        // 添加购物车操作
        // 已添加过 count+1 没有添加过直接push
        const item = cartList.value.find((item) => goods.skuId === item.skuId)
        if (item) {
          // 找到了
          item.count++
        } else {
          // 没找到
          cartList.value.push(goods)
        }
      }
    }

    // 删除购物车
    const delCart = async (skuId) => {
      if (isLogin.value) {
        // 登录之后删除购物车里面的数据
        // 调用接口删除
        await delCartAPI([skuId])
        UpdateNewList()
      } else {
        // 思路：
        // 1. 找到要删除项的下标值 - splice
        // 2. 使用数组的过滤方法 - filter
        const idx = cartList.value.findIndex((item) => skuId === item.skuId)
        // 根据下标删除 一共删除一条记录
        cartList.value.splice(idx, 1)
      }
    }

    // 当退出登录时 清空购物车
    const clearCart = () => {
      cartList.value = []
    }

    // 商品单选的实现
    const SingleCheck = (skuId, selected) => {
      // 根据skuId 来判断是否找到找到之后更换它的状态
      const item = cartList.value.find((item) => item.skuId === skuId)
      item.selected = selected
    }
    // 控制全选按钮让其他的状态跟随全选框状态
    const AllCheck = (selected) => {
      // 这里使用forEach循环的时候item这里不能加括号
      cartList.value.forEach((item) => (item.selected = selected))
    }

    // 商品的总数量和总价格计算
    const allCount = computed(() =>
      cartList.value.reduce((a, c) => a + c.count, 0)
    )
    const allPrice = computed(() =>
      cartList.value.reduce((a, c) => a + c.count * c.price, 0)
    )

    // 选中商品的总数量
    const selectedCount = computed(() =>
      cartList.value
        .filter((item) => item.selected)
        .reduce((a, c) => a + c.count, 0)
    )
    // 选中商品的总价格
    const selectedPrice = computed(() =>
      cartList.value
        .filter((item) => item.selected)
        .reduce((a, c) => a + c.count * c.price, 0)
    )

    // 是否全选
    const isAll = computed(() => cartList.value.every((item) => item.selected))

    return {
      SingleCheck,
      allCount,
      allPrice,
      cartList,
      isAll,
      AllCheck,
      addCart,
      clearCart,
      selectedCount,
      selectedPrice,
      delCart,
      UpdateNewList
    }
  },
  {
    persist: true,
  }
)
